<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  lang="ko" xml:lang="ko">
<head>
	<title>Daum - Admin</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body id="view">

	<div class="top">
		<!-- 로고 -->
		<div class="logo f_l">
			<div class="f_l"><h1><a href="/main/list.daum" target="_top"><img src="images/logo.gif" alt="Daum" /></a></h1></div>
			<div class="f_r"><span class="screen_out">Daum Corporation Website Management System</span></div>
		</div>
		<!-- 회원 버튼 -->
		<div class="top_navi">
			<a href="#" title="modify" class="btn">modify</a>
			<a href="#" title="logout" class="btn">Logout</a>
		</div>
	</div>

	<!-- Gnb -->
	<div class="menu_wrap">
		<h2 class="screen_out">서비스 메뉴</h2>
		<div class="menu">
			<ul>
				<li class="tlmenu"><a href="#" title="About 다음으로 이동" class="gnb on">About 다음</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="IR로 이동" class="gnb">IR</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="CAREER로 이동" class="gnb">CAREER</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="PR로 이동" class="gnb">PR</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="Innovative Space로 이동" class="gnb">Innovative Space</a></li>
			</ul>
		</div>
		<div class="f_r">
			<ul>
				<li class="trmenu"><a href="#" title="메인 관리로 이동" class="btn on">메인 관리</a></li>
				<li class="trmenu"><a href="#" title="메뉴 관리로 이동" class="btn">메뉴 관리</a></li>
				<li class="trmenu"><a href="#" title="권한 관리로 이동" class="btn">권한 관리</a></li>
				<li class="trmenu"><a href="#" title="통계 관리로 이동" class="btn">통계 관리</a></li>
			</ul>
		</div>
	</div>

	<!-- 현재위치 -->
	<div class="location">
		<a href="#" title="Home" class="loca icon"><span class="screen_out">Home</span></a><div class="icon"></div>
		<a href="#" title="Daum info 로 이동" class="loca strong">Daum info</a><div class="icon"></div>
		<a href="#" title="지속가능성로 이동" class="loca">지속가능성</a><div class="icon"></div>
		<a href="#" title="지속가능보고서로 이동" class="loca">지속가능보고서</a>
	</div>


	<div class="contents">
	<!-- lnb -->
		<div class="lnb">
			<h2 class="screen_out">About 다음메뉴</h2>
			<ul>
				<li class="first on leftm" onclick="location.href='#'"><span>지속가능성</span></li>
				<li class="dth">
					<ul>
						<li class="on slnb" onclick="location.href='#'"><span class="mgl10px"><span class="strong"></span>지속가능보고서</span></li>
						<li class="slnb" onclick="location.href='#'"><span class="mgl10px"><span class="strong"></span>소메뉴2222222222</span></li>
					</ul>
				</li>
				<li class="leftm" onclick="location.href='#'"><span>나눔이야기</span></li>
				<li class="leftm" onclick="location.href='#'"><span>연혁</span></li>
				<li class="leftm" onclick="location.href='#'"><span>다음 리더십</span></li>
				<li class="leftm" onclick="location.href='#'"><span>사업현황</span></li>
				<li class="last leftm" onclick="location.href='#'"><span>나눔이야기</span></li>
			</ul>
		</div>

		<!-- 내용 -->
		<div class="content wide">
			<!-- 페이지 제목 -->
			<h3>지속가능성 보고서 / 상세보기</h3>

			<!-- table -->
			<table class="tbl height">
				<colgroup>
					<col style="width:98px" />
					<col style="width:98px" />
					<col />
				</colgroup>
				<tr>
					<th>번호</th>
					<td colspan="2" class="end">2012</td>
				</tr>
				<tr>
					<th rowspan="2">전체<br />PDF 보고서</th>
					<th>썸네일</th>
					<td class="end line_weak">
						<img src="이미지주소" class="screenshot img_pdf" alt="" />
						<a class="link_blue" href="#" title="이미지 다운로드하기" target="_blank">12345.jpg</a>
					</td>
				</tr>
				<tr>
					<th>PDF 첨부</th>
					<td class="end">
						<span class="icon file"></span>
						<a class="link_blue" href="#" title="PDF 다운로드하기" target="_blank">2011sustainablereport.pdf</a>
					</td>
				</tr>
				<tr>
					<th>(보고서 TOP)<br />인덱스 별<br />PDF 보고서</th>
					<td colspan="2" class="end">
						*미리보기
						<table class="tbl inside">
							<colgroup>
								<col />
								<col style="width:140px" />
							</colgroup>
							<tr>
								<td class="th"><span class="strong">1. 대제목</span></td>
								<td class="th">
									<span class="icon file"></span>
									<a class="link_blue" href="#" title="PDF 다운로드하기" target="_blank">2011_001.pdf</a>
								</td>
							</tr>
							<tr>
								<td>&nbsp;&nbsp;&nbsp;&nbsp;1) 소제목</td>
								<td>
									<span class="icon file"></span>
									<a class="link_blue" href="#" title="PDF 다운로드하기" target="_blank">2011_001_1.pdf</a>
								</td>
							</tr>
							<tr>
								<td>&nbsp;&nbsp;&nbsp;&nbsp;2) 소제목</td>
								<td>
									<span class="icon file"></span>
									<a class="link_blue" href="#" title="PDF 다운로드하기" target="_blank">2011_001_1.pdf</a>
								</td>
							</tr>
							<tr>
								<td>&nbsp;&nbsp;&nbsp;&nbsp;3) 소제목</td>
								<td>
									<span class="icon file"></span>
									<a class="link_blue" href="#" title="PDF 다운로드하기" target="_blank">2011_001_1.pdf</a>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<th rowspan="2">온라인보고서</th>
					<th>썸네일</th>
					<td class="end line_weak">
						<img src="이미지주소" class="screenshot img_online" alt="" />
						<a class="link_blue" href="#" title="이미지 다운로드하기" target="_blank">12345.jpg</a>
					</td>
				</tr>
				<tr>
					<th>PDF 첨부</th>
					<td class="end">
						<a class="link_blue" href="#" title="PDF 다운로드하기" target="_blank">http://info.daum.net/DaumSR11/main.jsp</a>
					</td>
				</tr>
				<tr>
					<th class="endTr">노출 설정</th>
					<td colspan="2" class="end endTr">
						<input type="radio" id="exposure_yes" name="1" />
						<label for="exposure_yes">노출</label>&nbsp;&nbsp;&nbsp;
						<input type="radio" id="exposure_no" name="1" />
						<label for="exposure_no">비노출</label>
					</td>
				</tr>
			</table>

			<div class="f_l">
				<a href="#" title="목록" class="btn_grey">목록</a>
			</div>

			<div class="f_r">
				<a href="#" title="삭제하기" class="btn_blue margin_r">삭제하기</a>
				<a href="#" title="수정하기" class="btn_blue">수정하기</a>
			</div>
			<div class="srcArea">
				<strong>버튼 및 글로벌 소스 필요할때 참고하세요!</strong>
				<span class="txt">해당 영역은 차후 삭제하셔야 합니다.</span>
				<hr />
				<ul>
					<li><a href="#" title="목록" class="btn_grey">목록</a>
					&lt;a href="#" title="목록" class="btn_grey"&gt;목록&lt;/a&gt;
					<br />
					<input type="button" value="목록" class="btn_grey" onclick="alert('test')" />
					&lt;input type="button" value="목록" class="btn_grey" onclick="alert('test')" /&gt;
					</li>
					<li><a href="#" title="삭제하기" class="btn_blue margin_r">삭제하기</a>
					&lt;a href="#" title="삭제하기" class="btn_blue margin_r"&gt;삭제하기&lt;/a&gt;
					<br />
					<input type="button" value="삭제하기" class="btn_blue" onclick="alert('test')" />
					&lt;input type="button" value="삭제하기" class="btn_blue" onclick="alert('test')" /&gt;
					</li>
					<li><a href="#" title="수정하기" class="btn_blue">수정하기</a>
					&lt;a href="#" title="수정하기" class="btn_blue"&gt;수정하기&lt;/a&gt;
					<br />
					<input type="button" value="수정하기" class="btn_blue" onclick="alert('test')" />
					&lt;input type="button" value="수정하기" class="btn_blue" onclick="alert('test')" /&gt;
					</li>
					<li><a href="#" title="취소하기" class="btn_blue margin_r">취소하기</a>
					&lt;a href="#" title="취소하기" class="btn_blue margin_r"&gt;취소하기&lt;/a&gt;
					<br />
					<input type="button" value="취소하기" class="btn_blue" onclick="alert('test')" />
					&lt;input type="button" value="취소하기" class="btn_blue" onclick="alert('test')" /&gt;
					</li>
					<li><a href="#" title="저장하기" class="btn_blue">저장하기</a>
					&lt;a href="#" title="저장하기" class="btn_blue"&gt;저장하기&lt;/a&gt;
					<br />
					<input type="button" value="저장하기" class="btn_blue" onclick="alert('test')" />
					&lt;input type="button" value="저장하기" class="btn_blue" onclick="alert('test')" /&gt;
					</li>

					<li><a href="#" title="수정" class="btn btn_grey_s">수정</a>
					&lt;a href="#" title="수정" class="btn btn_grey_s"&gt;수정&lt;/a&gt;
					<br />
					<input type="button" value="수정" class="btn_s" onclick="alert('test')" />
					&lt;input type="button" value="수정" class="btn_s" onclick="alert('test')" /&gt;
					</li>
					<li><a href="#" title="삭제" class="btn btn_grey_s">삭제</a>
					&lt;a href="#" title="삭제" class="btn btn_grey_s"&gt;삭제&lt;/a&gt;
					<br />
					<input type="button" value="삭제" class="btn_s" onclick="alert('test')" />
					&lt;input type="button" value="삭제" class="btn_s" onclick="alert('test')" /&gt;
					</li>
					<li><a href="#" title="중복확인등 긴문자열+작은버튼" class="btn_s">중복확인등 긴문자열+작은버튼</a>
					&lt;a href="#" title="" class="btn_s"&gt;중복확인등 긴문자열+작은버튼&lt;/a&gt;
					<br />
					<input type="button" value="중복확인등 긴문자열+작은버튼" class="btn_s" onclick="alert('test')" />
					&lt;input type="button" value="중복확인등..." class="btn_s" onclick="alert('test')" /&gt;
					</li>
					<li><a href="#" title="삭제" class="btn_s_red">필수항목 등 강조</a>
					&lt;a href="#" title="삭제" class="btn_s_red"&gt;필수항목 등 강조&lt;/a&gt;
					<br />
					<input type="button" value="필수항목 등 강조" class="btn_s_red" onclick="alert('test')" />
					&lt;input type="button" value="필수항목 등..." class="btn_s_red" onclick="alert('test')" /&gt;
					</li>
				</ul>

			</div>


		</div>
	</div>

</body>
</html>
